@tailwind base;
@tailwind components;
@tailwind utilities;
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

li {
  list-style: none;
}

body,
html,
#app {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 14px;
  font-family: 'PingFang';
  overflow: hidden;
  user-select: none; /* 禁止文本选择 */
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 5px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 8px;
  background: #4be1ff !important;
  cursor: pointer;
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.5);
}

.el-date-editor .el-range__icon,
.el-date-editor .el-range-input,
.el-select__input,
.el-input__inner {
  color: #fff !important;
}

.el-select__placeholder {
  color: rgba(255, 255, 255, 0.8) !important;
}

.el-date-editor .el-range-separator {
  color: #dbdada !important;
}

.el-input__wrapper,
.el-select__wrapper {
  background-color: rgba(1, 52, 90, 0.5) !important;
  // box-shadow:none !important;
  box-shadow: inset 0px 0px 5px 0px rgba(3, 251, 255, 0.65);
  border: 1px solid rgba(63, 184, 251, 0.5) !important;
}

.el-pager li,
.el-pagination button {
  background: none !important;
  color: #fff !important;
}

.el-pager li.is-active {
  min-width: 22px !important;
  width: 22px !important;
  height: 22px !important;
  background: #1fc6ff !important;
  border-radius: 50% !important;
}

.el-select {
  width: 100% !important;
}

.el-input__prefix,
.el-select__suffix,
.el-input input::placeholder {
  color: #fff !important;
}
